<!DOCTYPE html>
<html lang="kr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="../../assets/ico/favicon.png">
<title>병해충 통합관리 서비스</title>

<!-- Bootstrap core CSS -->
<link href="/css/bootstrap.min2.css" rel="stylesheet">
<link href="/css/sb-admin-2.css" rel="stylesheet"> <!-- 2014.08.12 추가-->
 <!-- Custom Fonts -->
    <link href="font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<!-- Custom styles for this template -->
<link rel="stylesheet" type="text/css" href="/css/ui.jqgrid.css"/>
<link rel="stylesheet" type="text/css" href="/css/jquery-ui.css"/>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

<style>
.portlet-placeholder {
	border: 1px dotted black;
	margin: 0 1em 1em 0;
	height: 50px;
}
</style>
<script src="/js/jquery-1.11.1.min.js"></script>
<script src="/js/jquery-ui.js"></script>
<script src="/js/jquery.jqGrid.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/i18n/grid.locale-kr.js"></script>
<script type="text/javascript" src="http://openapi.map.naver.com/openapi/naverMap.naver?ver=2.0&key=238163d2e97b2a40fa70f7e332dafaa5"></script>
<script src="/js/highcharts.js"></script>
</head>

<body>
<div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
  <div class="container">
    <div class="navbar-header" style="font-weight:bold;color:#000">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
      <a class="navbar-brand" href="#">병해충 통합관리 서비스</a> </div>
    <div class="collapse navbar-collapse">
      <ul class="nav navbar-nav">
        <!--<li class="active"><a href="#">Home</a></li>-->
        <li><a href="#about">발생/방제관리</a></li>
        <li><a href="#contact">소나무이동</a></li>
        <li><a href="#contact">병해충분석</a></li>
        <li><a href="#contact">발생경보</a></li>
        <li><a href="#contact">발생경보</a></li>
        <li><a href="#contact">MyPage</a></li>
        <li><a href="#contact">시스템관리</a></li>
      </ul>
    </div>
    <!-- /.nav-collapse --> 
  </div>
  <!-- /.container --> 
</div>
<!-- /.navbar -->

<div class="container">
  <div class="row row-offcanvas row-offcanvas-right">
    <div class="col-xs-12 col-sm-9 col-lg-11">
    <!-- /.row -->
               
            <!-- /.row -->
      
        <!--왼쪽 영역 -->
         <div class="col-lg-3 col-md-6" style="width:20%">
                    <div class="panel panel-primary">
                        <div class="panel-heading">
                            <div class="row">
                                <div class="col-xs-3">
                                    <i class="fa fa-comments fa-5x"></i>
                                </div>
                                <div class="col-xs-9 text-right">
                                    <div class="huge">&nbsp;</div>
                                    <div>소나무재선충</div>
                                </div>
                            </div>
                        </div>
                        <a href="#">
                            <div class="panel-footer">
                                <span class="pull-left">등록</span>
                                <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                                <div class="clearfix"></div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6" style="width:20%">
                    <div class="panel panel-green">
                        <div class="panel-heading">
                            <div class="row">
                                <div class="col-xs-3">
                                    <i class="fa fa-tasks fa-5x"></i>
                                </div>
                                <div class="col-xs-9 text-right">
                                    <div class="huge">&nbsp;</div>
                                    <div>솔입혹파리</div>
                                </div>
                            </div>
                        </div>
                        <a href="#">
                            <div class="panel-footer">
                                <span class="pull-left">등록</span>
                                <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                                <div class="clearfix"></div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6" style="width:20%">
                    <div class="panel panel-yellow">
                        <div class="panel-heading">
                            <div class="row">
                                <div class="col-xs-3">
                                    <i class="fa fa-shopping-cart fa-5x"></i>
                                </div>
                                <div class="col-xs-9 text-right">
                                    <div class="huge">&nbsp;</div>
                                    <div>솔껍질깍지벌래</div>
                                </div>
                            </div>
                        </div>
                        <a href="#">
                            <div class="panel-footer">
                                <span class="pull-left">등록</span>
                                <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                                <div class="clearfix"></div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6" style="width:20%">
                    <div class="panel panel-red">
                        <div class="panel-heading">
                            <div class="row">
                                <div class="col-xs-3">
                                    <i class="fa fa-support fa-5x"></i>
                                </div>
                                <div class="col-xs-9 text-right">
                                    <div class="huge">&nbsp;</div>
                                    <div>참나무시들음병</div>
                                </div>
                            </div>
                        </div>
                        <a href="#">
                            <div class="panel-footer">
                                <span class="pull-left">등록</span>
                                <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                                <div class="clearfix"></div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6" style="width:20%">
                    <div class="panel panel-brown">
                        <div class="panel-heading">
                            <div class="row">
                                <div class="col-xs-3">
                                    <i class="fa fa-support fa-5x"></i>
                                </div>
                                <div class="col-xs-9 text-right">
                                    <div class="huge">&nbsp;</div>
                                    <div>일반병해충</div>
                                </div>
                            </div>
                        </div>
                        <a href="#">
                            <div class="panel-footer">
                                <span class="pull-left">등록</span>
                                <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                                <div class="clearfix"></div>
                            </div>
                        </a>
                    </div>
                </div>
        <div class="col-lg-7 column">
          <div class="panel panel-default portlet">
            <div class="panel-heading ">발생현황 <small>지도</small>
              <div class="pull-right">
                <button type="button" class="btn btn-default btn-xs"> <span class="glyphicon glyphicon-minus"></span> </button>
                <button type="button" class="btn btn-default btn-xs"> <span class="glyphicon glyphicon-fullscreen"></span> </button>
                <button type="button" class="btn btn-default btn-xs"> <span class="glyphicon glyphicon-remove"></span> </button>
              </div>
            </div>
            <div id="map"></div>
          </div>
          <div class="panel panel-default portlet">
            <div class="panel-heading ">년도별 발생현황</small>
              <div class="pull-right">
                <button type="button" class="btn btn-default btn-xs"> <span class="glyphicon glyphicon-minus"></span> </button>
                <button type="button" class="btn btn-default btn-xs"> <span class="glyphicon glyphicon-fullscreen"></span> </button>
                <button type="button" class="btn btn-default btn-xs"> <span class="glyphicon glyphicon-remove"></span> </button>
              </div>
            </div>
            <table class="table table-bordered" summary="2004,2005,2006,2007,2008,2009,2010,2011,2012,2013에 대한 발생면적 계, 발생면적 (전년대비;증감,;%), 발생면적 소나무재선충병, 발생면적 솔잎혹파리, 발생면적 솔껍질깍지벌레, 발생면적 참나무시들음병, 발생면적 기타병해충의 산림병해충 발생 현황 통계표 ">
              <thead>
                <tr class="text-center">
                  <th colspan="1" rowspan="1" id="aeaoofnhgocdbnbeljkmbjdmhbcokfdb-mousedown">&nbsp;</th>
                  <th id="t131001_h1_0" class="text-center" nowrap="nowrap" colspan="0" rowspan="1">2004</th>
                  <th id="t131001_h1_1" class="text-center" nowrap="nowrap" colspan="0" rowspan="1">2005</th>
                  <th id="t131001_h1_2" class="text-center" nowrap="nowrap" colspan="0" rowspan="1">2006</th>
                  <th id="t131001_h1_3" class="text-center" nowrap="nowrap" colspan="0" rowspan="1">2007</th>
                  <th id="t131001_h1_4" class="text-center" nowrap="nowrap" colspan="0" rowspan="1">2008</th>
                  <th id="t131001_h1_5" class="text-center" nowrap="nowrap" colspan="0" rowspan="1">2009</th>
                  <th id="t131001_h1_6" class="text-center" nowrap="nowrap" colspan="0" rowspan="1">2010</th>
                  <th id="t131001_h1_7" class="text-center" nowrap="nowrap" colspan="0" rowspan="1">2011</th>
                  <th id="t131001_h1_8" class="text-center" nowrap="nowrap" colspan="0" rowspan="1">2012</th>
                  <th id="t131001_h1_9" class="text-center" nowrap="nowrap" colspan="0" rowspan="1">2013</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <th class="tl" id="t131001_c1_0" colspan="1" nowrap="nowrap" rowspan="1">계</th>
                  <td class="text-right" headers="t131001_h1_0 t131001_c1_0">243,035</td>
                  <td class="text-right" headers="t131001_h1_1 t131001_c1_0">315,607</td>
                  <td class="text-right" headers="t131001_h1_2 t131001_c1_0">389,955</td>
                  <td class="text-right" headers="t131001_h1_3 t131001_c1_0">371,539</td>
                  <td class="text-right" headers="t131001_h1_4 t131001_c1_0">353,125</td>
                  <td class="text-right" headers="t131001_h1_5 t131001_c1_0">290,404</td>
                  <td class="text-right" headers="t131001_h1_6 t131001_c1_0">225,345</td>
                  <td class="text-right" headers="t131001_h1_7 t131001_c1_0">167,084</td>
                  <td class="text-right" headers="t131001_h1_8 t131001_c1_0">137,397</td>
                  <td class="text-right" headers="t131001_h1_9 t131001_c1_0">122,267</td>
                </tr>
                <tr>
                  <th class="tl" id="t131001_c1_1" colspan="1" nowrap="nowrap" rowspan="1">(전년대비&nbsp;증감,&nbsp;%)</th>
                  <td class="text-right" headers="t131001_h1_0 t131001_c1_1">-4.39</td>
                  <td class="text-right" headers="t131001_h1_1 t131001_c1_1">29.86</td>
                  <td class="text-right" headers="t131001_h1_2 t131001_c1_1">23.56</td>
                  <td class="text-right" headers="t131001_h1_3 t131001_c1_1">-4.72</td>
                  <td class="text-right" headers="t131001_h1_4 t131001_c1_1">-4.96</td>
                  <td class="text-right" headers="t131001_h1_5 t131001_c1_1">-17.76</td>
                  <td class="text-right" headers="t131001_h1_6 t131001_c1_1">-22.40</td>
                  <td class="text-right" headers="t131001_h1_7 t131001_c1_1">-25.90</td>
                  <td class="text-right" headers="t131001_h1_8 t131001_c1_1">-17.80</td>
                  <td class="text-right" headers="t131001_h1_9 t131001_c1_1">-11.00</td>
                </tr>
                <tr>
                  <th class="tl" id="t131001_c1_2" colspan="1" nowrap="nowrap" rowspan="1">소나무재선충병</th>
                  <td class="text-right" headers="t131001_h1_0 t131001_c1_2">4,961</td>
                  <td class="text-right" headers="t131001_h1_1 t131001_c1_2">7,811</td>
                  <td class="text-right" headers="t131001_h1_2 t131001_c1_2">7,871</td>
                  <td class="text-right" headers="t131001_h1_3 t131001_c1_2">6,855</td>
                  <td class="text-right" headers="t131001_h1_4 t131001_c1_2">6,015</td>
                  <td class="text-right" headers="t131001_h1_5 t131001_c1_2">5,633</td>
                  <td class="text-right" headers="t131001_h1_6 t131001_c1_2">3,547</td>
                  <td class="text-right" headers="t131001_h1_7 t131001_c1_2">5,123</td>
                  <td class="text-right" headers="t131001_h1_8 t131001_c1_2">5,286</td>
                  <td class="text-right" headers="t131001_h1_9 t131001_c1_2">11,550</td>
                </tr>
                <tr>
                  <th class="tl" id="t131001_c1_3" colspan="1" nowrap="nowrap" rowspan="1">솔잎혹파리</th>
                  <td class="text-right" headers="t131001_h1_0 t131001_c1_3">73,206</td>
                  <td class="text-right" headers="t131001_h1_1 t131001_c1_3">148,846</td>
                  <td class="text-right" headers="t131001_h1_2 t131001_c1_3">195,759</td>
                  <td class="text-right" headers="t131001_h1_3 t131001_c1_3">179,585</td>
                  <td class="text-right" headers="t131001_h1_4 t131001_c1_3">183,229</td>
                  <td class="text-right" headers="t131001_h1_5 t131001_c1_3">155,897</td>
                  <td class="text-right" headers="t131001_h1_6 t131001_c1_3">113,123</td>
                  <td class="text-right" headers="t131001_h1_7 t131001_c1_3">82,125</td>
                  <td class="text-right" headers="t131001_h1_8 t131001_c1_3">68,031</td>
                  <td class="text-right" headers="t131001_h1_9 t131001_c1_3">59,309</td>
                </tr>
                <tr>
                  <th class="tl" id="t131001_c1_4" colspan="1" nowrap="nowrap" rowspan="1">솔껍질깍지벌레</th>
                  <td class="text-right" headers="t131001_h1_0 t131001_c1_4">10,971</td>
                  <td class="text-right" headers="t131001_h1_1 t131001_c1_4">11,988</td>
                  <td class="text-right" headers="t131001_h1_2 t131001_c1_4">45,146</td>
                  <td class="text-right" headers="t131001_h1_3 t131001_c1_4">47,207</td>
                  <td class="text-right" headers="t131001_h1_4 t131001_c1_4">41,210</td>
                  <td class="text-right" headers="t131001_h1_5 t131001_c1_4">32,497</td>
                  <td class="text-right" headers="t131001_h1_6 t131001_c1_4">21,855</td>
                  <td class="text-right" headers="t131001_h1_7 t131001_c1_4">12,524</td>
                  <td class="text-right" headers="t131001_h1_8 t131001_c1_4">8,945</td>
                  <td class="text-right" headers="t131001_h1_9 t131001_c1_4">7,050</td>
                </tr>
                <tr>
                  <th class="tl" id="t131001_c1_5" colspan="1" nowrap="nowrap" rowspan="1">참나무시들음병</th>
                  <td class="text-right" headers="t131001_h1_0 t131001_c1_5">0</td>
                  <td class="text-right" headers="t131001_h1_1 t131001_c1_5">0</td>
                  <td class="text-right" headers="t131001_h1_2 t131001_c1_5">1,944</td>
                  <td class="text-right" headers="t131001_h1_3 t131001_c1_5">3,591</td>
                  <td class="text-right" headers="t131001_h1_4 t131001_c1_5">4,087</td>
                  <td class="text-right" headers="t131001_h1_5 t131001_c1_5">2,489</td>
                  <td class="text-right" headers="t131001_h1_6 t131001_c1_5">1,812</td>
                  <td class="text-right" headers="t131001_h1_7 t131001_c1_5">3,307</td>
                  <td class="text-right" headers="t131001_h1_8 t131001_c1_5">2,680</td>
                  <td class="text-right" headers="t131001_h1_9 t131001_c1_5">3,090</td>
                </tr>
                <tr>
                  <th class="tl" id="t131001_c1_6" colspan="1" nowrap="nowrap" rowspan="1">기타병해충</th>
                  <td class="text-right" headers="t131001_h1_0 t131001_c1_6">153,897</td>
                  <td class="text-right" headers="t131001_h1_1 t131001_c1_6">146,962</td>
                  <td class="text-right" headers="t131001_h1_2 t131001_c1_6">139,235</td>
                  <td class="text-right" headers="t131001_h1_3 t131001_c1_6">134,301</td>
                  <td class="text-right" headers="t131001_h1_4 t131001_c1_6">118,584</td>
                  <td class="text-right" headers="t131001_h1_5 t131001_c1_6">96,377</td>
                  <td class="text-right" headers="t131001_h1_6 t131001_c1_6">85,008</td>
                  <td class="text-right" headers="t131001_h1_7 t131001_c1_6">64,005</td>
                  <td class="text-right" headers="t131001_h1_8 t131001_c1_6">52,455</td>
                  <td class="text-right" headers="t131001_h1_9 t131001_c1_6">41,268</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
        <!--오른쪽 영역 -->
        <div class="col-lg-5 column">
          <div class="panel panel-default portlet">
            <div class="panel-heading ">년도별 발생현황 차트</small>
              <div class="pull-right">
                <button type="button" class="btn btn-default btn-xs"> <span class="glyphicon glyphicon-minus"></span> </button>
                <button type="button" class="btn btn-default btn-xs"> <span class="glyphicon glyphicon-fullscreen"></span> </button>
                <button type="button" class="btn btn-default btn-xs"> <span class="glyphicon glyphicon-remove"></span> </button>
              </div>
            </div>
            <div class="panel-body">
              <div id="container"></div>
            </div>
            <script type="text/javascript">
			$(function () {
        $('#container').highcharts({
				chart: {
					type: 'area'
				},
				title: {
					text: ''
				},
				xAxis: {
					categories: ["2004", "2005", "2006", "2007", "2008", "2009", "2010", "2011", "2012", "2013"]
				},
				credits: {
					enabled: false
				},
				series: [{
				name: "계",
				fillColor: "rgba(220,220,220,0.2)",
				strokeColor: "rgba(220,220,220,1)",
				pointColor: "rgba(220,220,220,1)",
				pointStrokeColor: "#fff",
				pointHighlightFill: "#fff",
				pointHighlightStroke: "rgba(220,220,220,1)",
				data: [243035,315607,389955,371539,353125,290404,225345,167084,137397,122267]
			},
			{
				name: "소나무재선충",
				fillColor: "rgba(151,187,205,0.2)",
				strokeColor: "rgba(151,187,205,1)",
				pointColor: "rgba(151,187,205,1)",
				pointStrokeColor: "#fff",
				pointHighlightFill: "#fff",
				pointHighlightStroke: "rgba(151,187,205,1)",
				data: [4961,7811,7871,6855,6015,5633,3547,5123,5286,11550]
			}
			,
			{
				name: "솔잎혹파리",
				fillColor: "rgba(250,130,88,0.2)",
				strokeColor: "rgba(250,130,88,1)",
				pointColor: "rgba(250,130,88,1)",
				pointStrokeColor: "#fff",
				pointHighlightFill: "#fff",
				pointHighlightStroke: "rgba(151,187,205,1)",
				data: [73206,148846,195759,179585,183229,155897,113123,82125,68031,59309]
			}
			,
			{
				name: "솔껍질깍지벌레",
				fillColor: "rgba(129,190,247,0.2)",
				strokeColor: "rgba(129,190,247,1)",
				pointColor: "rgba(129,190,247,1)",
				pointStrokeColor: "#fff",
				pointHighlightFill: "#fff",
				pointHighlightStroke: "rgba(151,187,205,1)",
				data: [10971,11988,45146,47207,41210,32497,21855,12524,8945,7050]
			}
			,
			{
				name: "참나무시들음병",
				fillColor: "rgba(243,247,129,0.2)",
				strokeColor: "rgba(243,247,129,1)",
				pointColor: "rgba(243,247,129,1)",
				pointStrokeColor: "#fff",
				pointHighlightFill: "#fff",
				pointHighlightStroke: "rgba(151,187,205,1)",
				data: [0,0,1944,3591,4087,2489,1812,3307,2680,3090]
			}
			,
			{
				name: "기타병해충",
				fillColor: "rgba(255,0,128,0.2)",
				strokeColor: "rgba(255,0,128,1)",
				pointColor: "rgba(255,0,128,1)",
				pointStrokeColor: "#fff",
				pointHighlightFill: "#fff",
				pointHighlightStroke: "rgba(151,187,205,1)",
				data: [153897,146962,139235,134301,118584,96377,85008,64005,52455,41268]
			}]
			});
		});

			
			</script> 
          </div>
          <div class="panel panel-default portlet">
            <div class="panel-heading ">년도별 방제현황
              <div class="pull-right">
                <button type="button" class="btn btn-default btn-xs"> <span class="glyphicon glyphicon-minus"></span> </button>
                <button type="button" class="btn btn-default btn-xs"> <span class="glyphicon glyphicon-fullscreen"></span> </button>
                <button type="button" class="btn btn-default btn-xs"> <span class="glyphicon glyphicon-remove"></span> </button>
              </div>
            </div>
            <table class="table table-bordered" summary="2004,2005,2006,2007,2008,2009,2010,2011,2012,2013에 대한 방제면적 계, 방제면적 소나무재선충병, 방제면적 솔잎혹파리, 방제면적 솔껍질깍지벌레, 방제면적 참나무시들음병, 방제면적 기타병해충의 산림병해충 방제 현황 통계표 ">
              <thead>
                <tr class="bg">
                  <th colspan="1" rowspan="1" id="aeaoofnhgocdbnbeljkmbjdmhbcokfdb-mousedown">&nbsp;</th>
                  <th id="t131002_h1_0" class="tc" nowrap="nowrap" colspan="0" rowspan="1">2004</th>
                  <th id="t131002_h1_1" class="tc" nowrap="nowrap" colspan="0" rowspan="1">2005</th>
                  <th id="t131002_h1_2" class="tc" nowrap="nowrap" colspan="0" rowspan="1">2006</th>
                  <th id="t131002_h1_3" class="tc" nowrap="nowrap" colspan="0" rowspan="1">2007</th>
                  <th id="t131002_h1_4" class="tc" nowrap="nowrap" colspan="0" rowspan="1">2008</th>
                  <th id="t131002_h1_5" class="tc" nowrap="nowrap" colspan="0" rowspan="1">2009</th>
                  <th id="t131002_h1_6" class="tc" nowrap="nowrap" colspan="0" rowspan="1">2010</th>
                  <th id="t131002_h1_7" class="tc" nowrap="nowrap" colspan="0" rowspan="1">2011</th>
                  <th id="t131002_h1_8" class="tc" nowrap="nowrap" colspan="0" rowspan="1">2012</th>
                  <th id="t131002_h1_9" class="tc" nowrap="nowrap" colspan="0" rowspan="1">2013</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <th class="tl" id="t131002_c1_0" colspan="1" nowrap="nowrap" rowspan="1">계</th>
                  <td class="text-right" headers="t131002_h1_0 t131002_c1_0">181</td>
                  <td class="text-right" headers="t131002_h1_1 t131002_c1_0">170</td>
                  <td class="text-right" headers="t131002_h1_2 t131002_c1_0">184</td>
                  <td class="text-right" headers="t131002_h1_3 t131002_c1_0">202</td>
                  <td class="text-right" headers="t131002_h1_4 t131002_c1_0">227</td>
                  <td class="text-right" headers="t131002_h1_5 t131002_c1_0">220</td>
                  <td class="text-right" headers="t131002_h1_6 t131002_c1_0">175</td>
                  <td class="text-right" headers="t131002_h1_7 t131002_c1_0">129</td>
                  <td class="text-right" headers="t131002_h1_8 t131002_c1_0">135</td>
                  <td class="text-right" headers="t131002_h1_9 t131002_c1_0">129</td>
                </tr>
                <tr>
                  <th class="tl" id="t131002_c1_1" colspan="1" nowrap="nowrap" rowspan="1">소나무재선충병</th>
                  <td class="text-right" headers="t131002_h1_0 t131002_c1_1">14</td>
                  <td class="text-right" headers="t131002_h1_1 t131002_c1_1">21</td>
                  <td class="text-right" headers="t131002_h1_2 t131002_c1_1">34</td>
                  <td class="text-right" headers="t131002_h1_3 t131002_c1_1">29</td>
                  <td class="text-right" headers="t131002_h1_4 t131002_c1_1">27</td>
                  <td class="text-right" headers="t131002_h1_5 t131002_c1_1">32</td>
                  <td class="text-right" headers="t131002_h1_6 t131002_c1_1">31</td>
                  <td class="text-right" headers="t131002_h1_7 t131002_c1_1">27</td>
                  <td class="text-right" headers="t131002_h1_8 t131002_c1_1">42</td>
                  <td class="text-right" headers="t131002_h1_9 t131002_c1_1">43</td>
                </tr>
                <tr>
                  <th class="tl" id="t131002_c1_2" colspan="1" nowrap="nowrap" rowspan="1">솔잎혹파리</th>
                  <td class="text-right" headers="t131002_h1_0 t131002_c1_2">22</td>
                  <td class="text-right" headers="t131002_h1_1 t131002_c1_2">17</td>
                  <td class="text-right" headers="t131002_h1_2 t131002_c1_2">26</td>
                  <td class="text-right" headers="t131002_h1_3 t131002_c1_2">48</td>
                  <td class="text-right" headers="t131002_h1_4 t131002_c1_2">57</td>
                  <td class="text-right" headers="t131002_h1_5 t131002_c1_2">55</td>
                  <td class="text-right" headers="t131002_h1_6 t131002_c1_2">28</td>
                  <td class="text-right" headers="t131002_h1_7 t131002_c1_2">16</td>
                  <td class="text-right" headers="t131002_h1_8 t131002_c1_2">13</td>
                  <td class="text-right" headers="t131002_h1_9 t131002_c1_2">12</td>
                </tr>
                <tr>
                  <th class="tl" id="t131002_c1_3" colspan="1" nowrap="nowrap" rowspan="1">솔껍질깍지벌레</th>
                  <td class="text-right" headers="t131002_h1_0 t131002_c1_3">9</td>
                  <td class="text-right" headers="t131002_h1_1 t131002_c1_3">3</td>
                  <td class="text-right" headers="t131002_h1_2 t131002_c1_3">8</td>
                  <td class="text-right" headers="t131002_h1_3 t131002_c1_3">10</td>
                  <td class="text-right" headers="t131002_h1_4 t131002_c1_3">21</td>
                  <td class="text-right" headers="t131002_h1_5 t131002_c1_3">26</td>
                  <td class="text-right" headers="t131002_h1_6 t131002_c1_3">20</td>
                  <td class="text-right" headers="t131002_h1_7 t131002_c1_3">10</td>
                  <td class="text-right" headers="t131002_h1_8 t131002_c1_3">5</td>
                  <td class="text-right" headers="t131002_h1_9 t131002_c1_3">3</td>
                </tr>
                <tr>
                  <th class="tl" id="t131002_c1_4" colspan="1" nowrap="nowrap" rowspan="1">참나무시들음병</th>
                  <td class="text-right" headers="t131002_h1_0 t131002_c1_4">0</td>
                  <td class="text-right" headers="t131002_h1_1 t131002_c1_4">0</td>
                  <td class="text-right" headers="t131002_h1_2 t131002_c1_4">1</td>
                  <td class="text-right" headers="t131002_h1_3 t131002_c1_4">4</td>
                  <td class="text-right" headers="t131002_h1_4 t131002_c1_4">5</td>
                  <td class="text-right" headers="t131002_h1_5 t131002_c1_4">5</td>
                  <td class="text-right" headers="t131002_h1_6 t131002_c1_4">4</td>
                  <td class="text-right" headers="t131002_h1_7 t131002_c1_4">2</td>
                  <td class="text-right" headers="t131002_h1_8 t131002_c1_4">5</td>
                  <td class="text-right" headers="t131002_h1_9 t131002_c1_4">5</td>
                </tr>
                <tr>
                  <th class="tl" id="t131002_c1_5" colspan="1" nowrap="nowrap" rowspan="1">기타병해충</th>
                  <td class="text-right" headers="t131002_h1_0 t131002_c1_5">136</td>
                  <td class="text-right" headers="t131002_h1_1 t131002_c1_5">139</td>
                  <td class="text-right" headers="t131002_h1_2 t131002_c1_5">115</td>
                  <td class="text-right" headers="t131002_h1_3 t131002_c1_5">91</td>
                  <td class="text-right" headers="t131002_h1_4 t131002_c1_5">97</td>
                  <td class="text-right" headers="t131002_h1_5 t131002_c1_5">87</td>
                  <td class="text-right" headers="t131002_h1_6 t131002_c1_5">79</td>
                  <td class="text-right" headers="t131002_h1_7 t131002_c1_5">62</td>
                  <td class="text-right" headers="t131002_h1_8 t131002_c1_5">70</td>
                  <td class="text-right" headers="t131002_h1_9 t131002_c1_5">66</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
    
    <!--/row--> 
  </div>
  <hr>
  <footer>
    <p>&copy; Company 2013</p>
  </footer>
</div>
<!--/.container--> 
<script type="text/javascript">

	var oSeoulCityPoint = new nhn.api.map.LatLng(37.5675451, 126.9773356);
	var defaultLevel = 11;
	var oMap = new nhn.api.map.Map(document.getElementById('map'), { 
									point : oSeoulCityPoint,
									zoom : defaultLevel,
									enableWheelZoom : true,
									enableDragPan : true,
									enableDblClickZoom : false,
									mapMode : 0,
									activateTrafficMap : false,
									activateBicycleMap : false,
									minMaxLevel : [ 1, 14 ],
									size : new nhn.api.map.Size("100%", 400)           });
	var oSlider = new nhn.api.map.ZoomControl();
	oMap.addControl(oSlider);
	oSlider.setPosition({
			top : 10,
			left : 10
	});
	
	var oMapTypeBtn = new nhn.api.map.MapTypeBtn();
	oMap.addControl(oMapTypeBtn);
	oMapTypeBtn.setPosition({
			bottom : 10,
			right : 80
	});
	
	var oThemeMapBtn = new nhn.api.map.ThemeMapBtn();
	oThemeMapBtn.setPosition({
			bottom : 10,
			right : 10
	});
	oMap.addControl(oThemeMapBtn);
	
	
	
	var oSize = new nhn.api.map.Size(28, 37);
	var oOffset = new nhn.api.map.Size(14, 37);
	var oIcon = new nhn.api.map.Icon('http://static.naver.com/maps2/icons/pin_spot2.png', oSize, oOffset);
	
	var oInfoWnd = new nhn.api.map.InfoWindow();
	oInfoWnd.setVisible(false);
	oMap.addOverlay(oInfoWnd);
	
	oInfoWnd.setPosition({
			top : 20,
			left :20
	});
	
	var oLabel = new nhn.api.map.MarkerLabel(); // - 마커 라벨 선언.
	oMap.addOverlay(oLabel); // - 마커 라벨 지도에 추가. 기본은 라벨이 보이지 않는 상태로 추가됨.
	
	oInfoWnd.attach('changeVisible', function(oCustomEvent) {
			if (oCustomEvent.visible) {
					oLabel.setVisible(false);
			}
	});
	
	var oPolyline = new nhn.api.map.Polyline([], {
			strokeColor : '#f00', // - 선의 색깔
			strokeWidth : 5, // - 선의 두께
			strokeOpacity : 0.5 // - 선의 투명도
	}); // - polyline 선언, 첫번째 인자는 선이 그려질 점의 위치. 현재는 없음.
	oMap.addOverlay(oPolyline); // - 지도에 선을 추가함.
	
	oMap.attach('mouseenter', function(oCustomEvent) {
	
			var oTarget = oCustomEvent.target;
			// 마커위에 마우스 올라간거면
			if (oTarget instanceof nhn.api.map.Marker) {
					var oMarker = oTarget;
					oLabel.setVisible(true, oMarker); // - 특정 마커를 지정하여 해당 마커의 title을 보여준다.
			}
	});
	
	oMap.attach('mouseleave', function(oCustomEvent) {
	
			var oTarget = oCustomEvent.target;
			// 마커위에서 마우스 나간거면
			if (oTarget instanceof nhn.api.map.Marker) {
					oLabel.setVisible(false);
			}
	});
	
	oMap.attach('click', function(oCustomEvent) {
			var oPoint = oCustomEvent.point;
			var oTarget = oCustomEvent.target;
			oInfoWnd.setVisible(false);
			// 마커 클릭하면
			if (oTarget instanceof nhn.api.map.Marker) {
					// 겹침 마커 클릭한거면
					if (oCustomEvent.clickCoveredMarker) {
							return;
					}
					// - InfoWindow 에 들어갈 내용은 setContent 로 자유롭게 넣을 수 있습니다. 외부 css를 이용할 수 있으며, 
					// - 외부 css에 선언된 class를 이용하면 해당 class의 스타일을 바로 적용할 수 있습니다.
					// - 단, DIV 의 position style 은 absolute 가 되면 안되며, 
					// - absolute 의 경우 autoPosition 이 동작하지 않습니다. 
					oInfoWnd.setContent('<DIV style="border-top:1px solid; border-bottom:2px groove black; border-left:1px solid; border-right:2px groove black;margin-bottom:1px;color:black;background-color:white; width:auto; height:auto;">'+
							'<span style="color: #000000 !important;display: inline-block;font-size: 12px !important;font-weight: bold !important;letter-spacing: -1px !important;white-space: nowrap !important; padding: 2px 5px 2px 2px !important">' + 
							'Hello World <br /> ' + oTarget.getPoint()
							+'<span></div>');
					oInfoWnd.setPoint(oTarget.getPoint());
					oInfoWnd.setPosition({right : 15, top : 30});
					oInfoWnd.setVisible(true);
					oInfoWnd.autoPosition();
					return;
			}
			var oMarker = new nhn.api.map.Marker(oIcon, { title : '마커 : ' + oPoint.toString() });
			oMarker.setPoint(oPoint);
			oMap.addOverlay(oMarker);
	
			var aPoints = oPolyline.getPoints(); // - 현재 폴리라인을 이루는 점을 가져와서 배열에 저장.
			aPoints.push(oPoint); // - 추가하고자 하는 점을 추가하여 배열로 저장함.
			oPolyline.setPoints(aPoints); // - 해당 폴리라인에 배열에 저장된 점을 추가함
	});

  $(function() {
    $( ".column" ).sortable({
      connectWith: ".column",
      handle: ".panel-heading",
      cancel: ".portlet-toggle",
      placeholder: "portlet-placeholder ui-corner-all"
    });
 
 
    $( ".portlet-toggle" ).click(function() {
      var icon = $( this );
      icon.toggleClass( "ui-icon-minusthick ui-icon-plusthick" );
      icon.closest( ".portlet" ).find( ".portlet-content" ).toggle();
    });
  });
  </script>
</body>
</html>
